<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
		<meta name="description" content="{$describe}"/>
		<meta name="keywords" content="{$key_word}"/>
        <title>{$webname}-{$webtitle}</title>
        <link rel="stylesheet" type="text/css" href="/moban/css/base.css" />
        <link rel="stylesheet" type="text/css" href="/moban/css/swiper.min.css" />
        <link rel="stylesheet" type="text/css" href="/moban/css/home.css" />
        <link rel="stylesheet" type="text/css" href="/moban/css/header.css" />
        <link rel="stylesheet" type="text/css" href="/moban/css/footer.css" />
    <link rel="stylesheet" href="/moban/css/common.css">
    <link rel="stylesheet" href="/moban/css/44.css">
    <link rel="stylesheet" href="/moban/css/1.css">
	 <link rel="stylesheet" href="./moban/css/base1.css">
    <style type="text/css">
    	.margin-bottom-xs {
			margin-bottom: 10px;
		}
    .apply_contaienr{
      position: relative;
    }
    .apply_contaienr a{
      cursor: pointer;
    }
    .applyLink:hover + .applyQrcode {
      display: block;
    }
    .apply_contaienr img{
      display: none;
      position: absolute;
      left: 50%;
      top: 0%;
      transform: translate(-50%, -100%);
    }
    /*公共弹窗 start*/
    .publicPop_container{
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 99;
      background-color: rgba(0,0,0,.45);
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .publicPop_content{
      width: 395px;
      background: #fff;
      box-shadow: 0 4px 12px 0 rgba(0,0,0,.2);
      border-radius: 4px;
      overflow: hidden!important;
      padding: 32px 32px 40px 32px;
      position: relative;
      box-sizing: border-box;
    }
    .publicPop_headerBg_container{
      width: 420px;
      height: 189px;
      background: #f1f8ff;
      position: absolute;
      top: -20px;
      left: -10px;
      z-index: 0;
      -webkit-transform: rotate(3.5deg);
      transform: rotate(3.5deg);
    }
    .publicPop_header_container{
      display: flex;
      align-items: center;
      flex-direction: column;
    }
    .publicPop_header_container h2{
      position: relative;
      z-index: 1;
      font-size: 17px;
      width: 100%;
      text-align: center;
      margin-top: 2px;
      font-weight: 600;
      line-height: 24px;
      letter-spacing: 1px;
    }
    .publicPop_header_container img{
      position: relative;
      z-index: 1;
      width: 234px;
      height: 90px;
      margin-bottom: 32px;
    }
    .publicPop_selectRegister_container{
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .publicPop_selectRegister_button{
      width: 289px;
      height: 44px;
      background: #f3faff;
      border-radius: 2px;
      border: 1px solid #47a6ff;
      margin-top: 32px;
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      cursor: pointer;
      box-sizing: border-box;
    }
    .publicPop_selectRegister_button svg{
      margin-right: 5px;
    }
    .publicPop_selectRegister_button span{
      font-size: 15px;
      font-weight: 600;
      color: #1890ff;
      font-style: normal;
    }
    .publicPop_selectRegister_container p{
      margin-top: 32px;
      font-size: 14px;
      color: rgba(0,0,0,.45);
      cursor: pointer;
    }
    /*点击未注册后的区域*/
    .publicPop_unregistered_container{
      margin-top: 32px;
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      flex-direction: column;
    }
    .publicPop_unregistered_container p{
      width: 340px;
      height: 50px;
      font-size: 14px;
      font-weight: 400;
      color: rgba(27,43,75,.85);
      line-height: 25px;
    }
    .publicPop_unregistered_container button{
      width: 289px;
      height: 44px;
      border-radius: 2px;
      margin-top: 32px;
      color: #fff;
      background-color: #1890ff;
      text-shadow: 0 -1px 0 rgba(0,0,0,.12);
      -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.045);
      box-shadow: 0 2px 0 rgba(0,0,0,.045);
      border: 1px solid #1890ff;
      cursor: pointer;
    }
    .publicPop_unregisteredOther_container{
      width: 289px;
      margin-top: 8px;
      display: -webkit-box;
      display: flex;
      -webkit-box-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      align-items: center;
    }
    .publicPop_unregistered_container span{
      color: #909090;
      cursor: pointer;
      font-size: 14px;
      font-weight: 400;
    }
    .publicPop_unregistered_container span:first-child{
      color: #1890ff;
    }
    .closepublicPop{
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 1;
      width: 15px;
      height: 15px;
      cursor: pointer;
    }
    /*公共弹窗 end*/
    /*移入显示二级菜单 start*/
    .secendMenu_container{

    }
    .secendMenu_container:hover .secendMenu_content{
    	display: block;
    }
    .secendMenu_content{
    	display: none;
    	position: absolute;
    	top: 60px;
    	left: -29px;
    	background: #0e81ff;
    	width: 86px;
    }
    .secendMenu_content li{
    	margin: 0 !important;
    }
    .secendMenu_content li a{
    	font-size: 12px;
    	display: block;
    	text-align: center;
    	width: 86px;
    	color: #fff;
    }
    /*移入显示二级菜单 end*/
    </style>
    </head>
  <!-- 示例顶部格式：元素：.header-main > .menu > li > a，跟目前的网站结构一样的 -->
  <!-- 把a标签的href的锚点写到想要跳转的元素（.full-container）的id上，并在该元素上追加class：jump-anchor -->
  <!-- 非跳转元素不要加 jump-anchor，如有或改动 记得移除 -->
    <body>
        <div class="wrap">
            <!-- header begin --> 
            <div class="header">
                <div class="mask" style="display:none;"></div>
                <div class="header-main" id="pc" style="overflow: visible;">
                    <img class="logo" src="{$logo}" style="width: 158px; height:40px;margin-top: 10px;"/>
                    <img class="logo" src="https://3yutop.oss-cn-beijing.aliyuncs.com/qwlogo.png" style="width: 150px; height: 26px; margin-top: 18px;">
                    <ul class="menu">
                        <li><a style="color:white;" href="index.html">首页</a></li>
                        <li><a style="color:white;" href="#funcsIntro">功能简介</a></li>
                        <li><a style="color:white;" href="#qwAdvantage">企微优势</a></li>
                        <li><a style="color:white;" href="#operationChallenge">运营挑战</a></li>
						            <li><a style="color:white;" href="#specialAdvantage">解决方案</a></li>
                        <li><a style="color:white;" href="#agent">渠道合作</a></li>
                        {if count($menuManage) > 0} 
                            <li class="secendMenu_container">
                              <a style="color:white; display: block;" target="_blank" href="{$menuManage[0]['url']}">{$menuManage[0]['name']}</a>
                              <ul class="secendMenu_content">
                                {loop@i $menuManage as $menu}
                                {if $i!=1}
                                <li>
                                  <a  target="_blank" href="{$menu['url']}">{$menu['name']}</a>
                                </li>
                                {/if}
                                {/loop}
                              </ul>
                            </li>
                       {/if}
                    </ul>
                {if $wid}
					<div class="btn1" onclick="window.open('/admin/main.html')">后台</div>
				{else}
					<div class="btn1" onclick="window.open('/login.html')">登录</div>
				{/if}
        {if $thirdappsetting->is_checked == 1}
				<div class="btn2" onclick="showRegisterPopPageFun()">注册</div>
        {else}
        <div class="btn2" onclick="window.open('/register.html')">注册</div>
        {/if}
                </div>
                <div class="hader-mobile" id="mobile">
               <img class="logo" src="{$logo}" style="width: 158px; height:40px;margin-top: 10px;"/>
                    <img class="logo" src="https://3yutop.oss-cn-beijing.aliyuncs.com/qwlogo.png" style="width: 150px; height: 26px; margin-top: 18px;">
                    <div class="menu">
                        <div class="btn" onClick="menuclick()">首页</div>
                        <ul class="menu-list" id="menu">
                           <li><a style="color:white;" href="index.html">首页</a></li>
                        <li><a style="color:white;" href="#funcsIntro">功能简介</a></li>
                        <li><a style="color:white;" href="#qwAdvantage">企微优势</a></li>
                        <li><a style="color:white;" href="#operationChallenge">运营挑战</a></li>
						<li><a style="color:white;" href="#specialAdvantage">解决方案</a></li>
						<li><a style="color:white;" href="#agent">渠道合作</a></li>
              {if count($menuManage) == 1} 
              <li><a style="color:white;" target="_blank" href="{$menuManage[0]['url']}">{$menuManage[0]['name']}</a></li>
              {else if count($menuManage) > 1}
                <ul>
                  {loop $menuManage as $menu}
                  <li><a style="color:white;" target="_blank" href="{$menu['url']}">{$menu['name']}</a></li>
                  {/loop}
                </ul>
              {/if}
                        </ul>
                    </div>
                </div>
               
            </div>
            <div class="banner-container">
                <div class="banner-swiper">
                    <div class="swiper-wrapper">
					{loop $slideManage as $slide}
						<div
                            class="swiper-slide"
                            style="background: url({$slide->pic}) "
							{if $slide->url}onclick="window.open('{$slide->url}')"{/if}
                        >
						
						<div class="pan_pos">
								<p class="s-fs58">{$slide->one_title}</p>
								<p class="s-fs24 g-mt14 m-ban-ls l-h36">{$slide->two_title}</p>
								<p class="s-fs24 l-h36 m-ban-ls">{$slide->twot_title}</p>
								<div class="m-ban-lnks"><a target="_blank" href="/login.html" onclick="event.stopPropagation()||(event.cancelBubble = true);"  class="m-ban-lnk" title="{$slide->buttonText?$slide->buttonText:'免费试用'}">{$slide->buttonText?$slide->buttonText:'免费试用'}</a></div>
						</div>
                        </div>
					{/loop}

                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination"></div>
                </div>
            </div>
            <!-- header end -->

            <!--- main begin -->
               
  <!-- SCRM 私域流量运营工具 -->
  <section id="index" class="full-container jump-anchor">
    <section class="container funcs-section">
      <h3 class="section-title">{$webname}，专业的私域流量运营工具</h3>
      <ul class="d-flex justify-sb">
        <li class="flex-1">
          <img data-original="./moban/img/func-talk.png" alt="">
          <p class="name">聊天会话存档</p>
          <p>会话内容合规存档，企业内控高效管理、安全有保障</p>
        </li>
        <li class="flex-1">
          <img data-original="./moban/img/func-funnel.png" alt="">
          <p class="name">客户画像</p>
          <p>追踪客户行为轨迹，建立完整用户画像，洞察客户真实需求</p>
        </li>
        <li class="flex-1">
          <img data-original="./moban/img/func-portrait.png" alt="">
          <p class="name">裂变任务+营销玩法</p>
          <p>多种营销裂变玩法，助力企业快速拉新增长，丰富鱼塘</p>
        </li>
        <li class="flex-1">
          <img data-original="./moban/img/func-friend.png" alt="">
          <p class="name">批量添加好友</p>
          <p>创建批量添加好友任务，备注、标签自动同步，实时反馈添加详情</p>
        </li>
        <li class="flex-1">
          <img data-original="./moban/img/func-push.png" alt="">
          <p class="name">互动雷达</p>
          <p>雷达功能时时提醒，发给客户文件,链接打开情况实时掌握</p>
        </li>
      </ul>
    </section>
  </section>

  <!-- 工具玩法 -->
<section id="funcsIntro" class="full-container jump-anchor">
    <section class="container play-methods">
      <h3 class="section-title">{$webname},为您提供强大的功能玩法体验</h3>
      <ul class="d-flex justify-sb play-methods-content">
        <li class="active">
          <div class="play-method-nav">
            <img data-original="./moban/img/play-client.jpg" alt="">
            <p>客户管理</p>
          </div>
          <div class="d-flex align-items-center play-method-intro">
            <img src="./moban/img/play-client-intro.png" alt="">
            <div class="flex-1">
              <p class="play-mi-title">全渠道客户管理</p>
              <div class="d-flex align-items-center play-mi-line">
                <p class="play-mi-no">01</p>
                <p class="play-mi-text">链接小程序、公众号、企业微信粉丝，<br>会员三位合一，打造真正的微信生态私域流量</p>
              </div>
              <div class="d-flex align-items-center play-mi-line">
                <p class="play-mi-no">02</p>
                <p class="play-mi-text">客户画像+互动雷达，精准把控客户动态<br>全面分析客户,提高成交率</p>
              </div>
            </div>
          </div>
        </li>
        <li>
          <div class="play-method-nav">
            <img data-original="./moban/img/play-flow.jpg" alt="">
            <p>吸粉引流</p>
          </div>
          <div class="d-flex align-items-center play-method-intro">
            <img src="./moban/img/play-flow-intro.png" alt="">
            <div class="flex-1">
              <p class="play-mi-title">多渠道吸粉引流</p>
              <div class="d-flex align-items-center play-mi-line">
                <p class="play-mi-no">01</p>
                <p class="play-mi-text">渠道活码投放，多渠道<br>引流，快速吸粉，渠道数据精准统计</p>
              </div>
              <div class="d-flex align-items-center play-mi-line">
                <p class="play-mi-no">02</p>
                <p class="play-mi-text">裂变引流、抽奖引流多种引流工具<br>提高吸粉转换率</p>
              </div>
            </div>
          </div>
        </li>
        <li>
          <div class="play-method-nav">
            <img data-original="./moban/img/play-tag.jpg" alt="">
            <p>智能标签</p>
          </div>
          <div class="d-flex align-items-center play-method-intro">
            <img src="./moban/img/play-tag-intro.png" alt="">
            <div class="flex-1">
              <p class="play-mi-title">智能标签</p>
              <div class="d-flex align-items-center play-mi-line">
                <p class="play-mi-no">01</p>
                <p class="play-mi-text">自定义智能标签，<br>帮助商家系统化为客户自动打标签</p>
              </div>
              <div class="d-flex align-items-center play-mi-line">
                <p class="play-mi-no">02</p>
                <p class="play-mi-text">多维度客户画像，<br>降低运营推送难度</p>
              </div>
            </div>
          </div>
        </li>
        <li>
          <div class="play-method-nav">
            <img data-original="./moban/img/play-act.jpg" alt="">
            <p>营销活动</p>
          </div>
          <div class="d-flex align-items-center play-method-intro">
            <img src="./moban/img/play-act-intro.png" alt="">
            <div class="flex-1">
              <p class="play-mi-title">营销活动</p>
              <div class="d-flex align-items-center play-mi-line">
                <p class="play-mi-no">01</p>
                <p class="play-mi-text">群发安全高效，<br>支持分标签投放以及实时统计</p>
              </div>
              <div class="d-flex align-items-center play-mi-line">
                <p class="play-mi-no">02</p>
                <p class="play-mi-text">互动红包，提高客户活跃度，<br>拉近客户距离</p>
              </div>
            </div>
          </div>
        </li>
        <li>
          <div class="play-method-nav">
            <img data-original="./moban/img/play-word.jpg" alt="">
            <p>智能话术</p>
          </div>
          <div class="d-flex align-items-center play-method-intro">
            <img src="./moban/img/play-word-intro.png" alt="">
            <div class="flex-1">
              <p class="play-mi-title">智能话术</p>
              <div class="d-flex align-items-center play-mi-line">
                <p class="play-mi-no">01</p>
                <p class="play-mi-text">自定义快捷话术，及部门、<br>公司等层级统一话术</p>
              </div>
              <div class="d-flex align-items-center play-mi-line">
                <p class="play-mi-no">02</p>
                <p class="play-mi-text">提高销售效率，<br>规范销售用语</p>
              </div>
            </div>
          </div>
        </li>
        <li>
          <div class="play-method-nav">
            <img data-original="./moban/img/play-verify.jpg" alt="">
            <p>聊天质检</p>
          </div>
          <div class="d-flex align-items-center play-method-intro">
            <img src="./moban/img/play-verify-intro.png" alt="">
            <div class="flex-1">
              <p class="play-mi-title">聊天质检</p>
              <div class="d-flex align-items-center play-mi-line">
                <p class="play-mi-no">01</p>
                <p class="play-mi-text">聊天质检永久存档，建立企业<br>服务标准，提升客户满意度</p>
              </div>
              <div class="d-flex align-items-center play-mi-line">
                <p class="play-mi-no">02</p>
                <p class="play-mi-text">员工的聊天敏感词消息实时提醒，<br>降低企业运营风险</p>
              </div>
            </div>
          </div>
        </li>
      </ul>
    </section>
  </section>
 <!-- 更多功能 -->
  <section class="full-container">
    <div class="container">
      <h3 class="section-title" style="margin-bottom: 0;">研发永无止境,没有最强,只有更强</h3>
      <p class="section-subtitle">强大研发团队，持续研发迭代，为您保驾护航</p>
      <ul class="d-flex justify-sb">
        <li class="qw-scrm-func"><img data-original="./moban/img/qw-scrm-f1.png" alt="">
          <p>渠道活码</p>
        </li>
        <li class="qw-scrm-func"><img data-original="./moban/img/qw-scrm-f2.png" alt="">
          <p>客户精准画像</p>
        </li>
        <li class="qw-scrm-func"><img data-original="./moban/img/qw-scrm-f3.png" alt="">
          <p>企业微信群营销</p>
        </li>
        <li class="qw-scrm-func"><img data-original="./moban/img/qw-scrm-f4.png" alt="">
          <p>客户画像</p>
        </li>
        <li class="qw-scrm-func"><img data-original="./moban/img/qw-scrm-f5.png" alt="">
          <p>裂变营销</p>
        </li>
        <li class="qw-scrm-func"><img data-original="./moban/img/qw-scrm-f6.png" alt="">
          <p>互动雷达</p>
        </li>
        <li class="qw-scrm-func"><img data-original="./moban/img/qw-scrm-f7.png" alt="">
          <p>一客一码</p>
        </li>
        <li class="qw-scrm-func"><img data-original="./moban/img/qw-scrm-f8.png" alt="">
          <p>流失提醒</p>
        </li>
        <li class="qw-scrm-func"><img data-original="./moban/img/qw-scrm-f9.png" alt="">
          <p>快捷回复话术库</p>
        </li>
        <li class="qw-scrm-func"><img data-original="./moban/img/qw-scrm-f10.png" alt="">
          <p>群违规提醒</p>
        </li>
        <li class="qw-scrm-func"><img data-original="./moban/img/qw-scrm-f11.png" alt="">
          <p>移动端工作台</p>
        </li>
        <li class="qw-scrm-func"><img data-original="./moban/img/qw-scrm-f12.png" alt="">
          <p>历史朋友圈</p>
        </li>
        <li class="qw-scrm-func"><img data-original="./moban/img/qw-scrm-f13.png" alt="">
          <p>互动红包</p>
        </li>
        <li class="qw-scrm-func"><img data-original="./moban/img/qw-scrm-f14.png" alt="">
          <p>自动拉群</p>
        </li>
        <li class="qw-scrm-func"><img data-original="./moban/img/qw-scrm-f15.png" alt="">
          <p>数据统计分析</p>
        </li>
      </ul>
    </div>
  </section>
  <!-- 企微 新一代CRM 
  <section class="full-container">
    <section class="container qw-crm">
      <h3 class="section-title" style="margin-bottom: 0;">对接了企业微信的SCRM系统工具</h3>
   
      <ul class="d-flex justify-sb">
        <li class="qw-crm-item" style="background: url(./moban/img/qwcrm1-bg.png) no-repeat right bottom;">
          <img data-original="./moban/img/qwcrm1.png" alt="">
          <p class="qw-crm-title">聊天会话存档</p>
          <p class="qw-crm-text">通过企业微信会话存档监控管理 降低风险 分析工作量</p>
        </li>
        <li class="qw-crm-item" style="background: url(./moban/img/qwcrm2-bg.png) no-repeat right bottom;">
          <img data-original="./moban/img/qwcrm2.png" alt="">
          <p class="qw-crm-title">营销拓客</p>
          <p class="qw-crm-text">抽奖 拉人 红包等一系列裂变营销功能支持</p>
        </li>
        <li class="qw-crm-item" style="background: url(./moban/img/qwcrm3-bg.png) no-repeat right bottom;">
          <img data-original="./moban/img/qwcrm3.png" alt="">
          <p class="qw-crm-title">群营销</p>
          <p class="qw-crm-text">完善的企业微信群功能，包括自动拉群群营销 群管理 群分析等</p>
        </li>
        <li class="qw-crm-item" style="background: url(./moban/img/qwcrm4-bg.png) no-repeat right bottom;">
          <img data-original="./moban/img/qwcrm4.png" alt="">
          <p class="qw-crm-title">SCRM</p>
          <p class="qw-crm-text">客户看板 销售漏洞 跟踪提醒 客户分层 公海管理等功能</p>
        </li>
        <li class="qw-crm-item" style="background: url(./moban/img/qwcrm5-bg.png) no-repeat right bottom;">
          <img data-original="./moban/img/qwcrm5.png" alt="">
          <p class="qw-crm-title">渠道二维码</p>
          <p class="qw-crm-text">一人一码 一店一码 加人详细分析 自动标签 自动回复</p>
        </li>
        <li class="qw-crm-item" style="background: url(./moban/img/qwcrm6-bg.png) no-repeat right bottom;">
          <img data-original="./moban/img/qwcrm6.png" alt="">
          <p class="qw-crm-title">内容引擎</p>
          <p class="qw-crm-text">通过企业微信聊天侧边栏的功能开发实现高效沟通 精细化客户运营</p>
        </li>
        <li class="qw-crm-item" style="background: url(./moban/img/qwcrm7-bg.png) no-repeat right bottom;">
          <img data-original="./moban/img/qwcrm7.png" alt="">
          <p class="qw-crm-title">客户画像</p>
          <p class="qw-crm-text">自定义属性 客户CRM 客户分层 客户轨迹等功能支持</p>
        </li>
        <li class="qw-crm-item" style="background: url(./moban/img/qwcrm8-bg.png) no-repeat right bottom;">
          <img data-original="./moban/img/qwcrm8.png" alt="">
          <p class="qw-crm-title">销售SOP</p>
          <p class="qw-crm-text">各种营销销售SOP支持，包括群发，群营销，销售跟踪等</p>
        </li>
      </ul>
    </section>
  </section>-->

  <!-- 微信私域流量运营痛点 -->
  <section id="qwAdvantage" class="full-container qw-official jump-anchor">

    <div class="container">
      <h3 class="section-title">微信生态私域流量运营痛点</h3>
      <ul class="d-flex">
        <li class="problem-item">
          <div class="problem-icon"></div>
          <p class="problem-title">客户流失严重</p>
          <p class="problem-text">员工离职，重要微信客户被员工带走或清除，导致无法联系和跟进客户</p>
        </li>
        <li class="problem-item">
          <div class="problem-icon"></div>
          <p class="problem-title">官方封号风险</p>
          <p class="problem-text">个人微信号过度营销行为，可能导致封号，一旦封号，客户瞬间归零</p>
        </li>
        <li class="problem-item">
          <div class="problem-icon"></div>
          <p class="problem-title">好友添加问题</p>
          <p class="problem-text">个人号每日添加有限制，并且难以统计渠道来源数据</p>
        </li>
        <li class="problem-item">
          <div class="problem-icon"></div>
          <p class="problem-title">好友管理混乱</p>
          <p class="problem-text">因好友上限问题，企业不得不注册多个微信号添加客户，管理混乱</p>
        </li>
        <li class="problem-item">
          <div class="problem-icon"></div>
          <p class="problem-title">企业形象不统一</p>
          <p class="problem-text">员工个人微信形象展示混乱，客户对企业品牌无认知，遭到同行冒充被截流</p>
        </li>
        <li class="problem-item">
          <div class="problem-icon"></div>
          <p class="problem-title">员工跟进数据</p>
          <p class="problem-text">个人微信难以统计员工跟进沟通数据，无法量化工作任务</p>
        </li>
        <li class="problem-item">
          <div class="problem-icon"></div>
          <p class="problem-title">销售转化繁琐</p>
          <p class="problem-text">难以区分客户跟进状态，对客户进行销售转化十分麻烦</p>
        </li>
        <li class="problem-item">
          <div class="problem-icon"></div>
          <p class="problem-title">精细化管理难</p>
          <p class="problem-text">难以对微信好友进行统一化标签管理，导致无法个性化精准营销</p>
        </li>
      </ul>
    </div>
  </section>
  <!-- 企微 官方认可的私域运营工具 -->
  <section class="full-container">
    <div class="container">
      <h3 class="section-title" style="margin-bottom: 0;">企业微信，微信官方认可的私域运营工具</h3>
      <p class="section-subtitle">对外打通微信，搭建企业全新的私域流量阵地，让客户资产不再流失；对内企业微信集成办公工具套件，帮助企业提升员工管理效</p>
      <ul class="d-flex justify-sb">
        <li class="flex-1 qw-official-item">
          <div class="qw-official-icon"></div>
          <p class="qw-official-title">打破个人号常规人数限制</p>
          <p class="qw-official-text">单个企业号好友突破25W+，添加客户的微信，通过单聊或群聊为客户提供服务。远离多开，统一管理，更加安全</p>
        </li>
        <li class="flex-1 qw-official-item">
          <div class="qw-official-icon"></div>
          <p class="qw-official-title">合规合法更安全</p>
          <p class="qw-official-text">创建多人渠道活码，解决单人码因添加上限不能添加的痛点，可以对不同渠道客户自动打标签，自动发送欢迎语，使用企业群发工具，定期向海量客户发送消息</p>
        </li>
        <li class="flex-1 qw-official-item">
          <div class="qw-official-icon"></div>
          <p class="qw-official-title">客户资产私有化</p>
          <p class="qw-official-text">当员工离职时，企业可将该员工名下的客户分配给新员工，保证客户沉淀在企业，再也不怕员工离职带走客源，帮助企业沉淀可持续运营的客户资产</p>
        </li>
        <li class="flex-1 qw-official-item">
          <div class="qw-official-icon"></div>
          <p class="qw-official-title">企业内部管理</p>
          <p class="qw-official-text">企业微信集成打卡、审批、会议等协作办公工具套件，使用企业微信管理员工，帮助企业提升内部员工协同效率</p>
        </li>
      </ul>
    </div>
  </section>

  <!-- 3000位行业商家在私域流量中遇到了这些问题 -->
  <section id="operationChallenge" class="full-container jump-anchor">
    <div class="container">
      <h3 class="section-title" style="margin-bottom: 0;">3000位行业商家在私域流量中遇到了这些问题</h3>
      <p class="section-subtitle">社群和私域流量面对的困难和挑战</p>
      <ul class="d-flex justify-sb t-center">
        <li class="hard-item">
          <img data-original="./moban/img/hard1.png" alt="">
          <p class="hard-title">缺乏全盘思路</p>
          <p class="hard-text"><big>37%</big> 的商家认为自己缺乏全盘思路和业务结合</p>
        </li>
        <li class="hard-item">
          <img data-original="./moban/img/hard2.png" alt="">
          <p class="hard-title">战略难以落地</p>
          <p class="hard-text"><big>64%</big> 的商家认为项目跟进和落地使用困难</p>
        </li>
        <li class="hard-item">
          <img data-original="./moban/img/hard3.png" alt="">
          <p class="hard-title">企微不满足需求</p>
          <p class="hard-text"><big>52%</big> 的商家认为企微官方能力不满足社群运营刚需</p>
        </li>
        <li class="hard-item">
          <img data-original="./moban/img/hard4.png" alt="">
          <p class="hard-title">微信有封号风险</p>
          <p class="hard-text"><big>53%</big> 的商家担心Wetool等软件引起封号</p>
        </li>
        <li class="hard-item">
          <img data-original="./moban/img/hard5.png" alt="">
          <p class="hard-title">不能资源整合</p>
          <p class="hard-text"><big>71%</big> 的商家认为现有客户资源整合难</p>
        </li>
      </ul>
      <div class="t-center" style="margin-top: 60px;">
        <a class="access-btn" href="register.html" target="_blank">免费体验</a>
        
      </div>
    </div>
  </section>

  <!-- {$webname} 企微运营 -->
  <section id="specialAdvantage" class="full-container dg-scrm jump-anchor">
    <div class="container">
      <h3 class="section-title" style="margin-bottom: 0;">{$webname}—企微私域运营+客户全生命周期管理解决方案</h3>
      <p class="section-subtitle">通过企业微信安全、合规的连接消费者，助力企业实现从增长获客到客户精细化运营再到客户成交转化的全流程数字化升级。</p>
      <div class="dg-scrm-content">
				<div class="dg-scrm-box">
					<div class="box">公域流量</div>
				</div>
				<div class="dg-scrm-box">
					<div class="box">
						<p>个人</p>
						<p>私域流量</p>
					</div>
				</div>
				<div class="dg-scrm-box">
					<div class="box">圈存客流</div>
				</div>
				<div class="dg-scrm-box">
					<div class="box">营销互动</div>
				</div>
				<div class="dg-scrm-box">
					<div class="box">精细化运营</div>
				</div>
				<div class="dg-scrm-box">
					<div class="box">转化变现</div>
				</div>
				<div class="dg-scrm-associated">
					<span>企业微信</span>
					<img data-original="./moban/img/dg-scrm-associated.png" alt="">
					<span>小程序</span>
				</div>
			</div>
    </div>
  </section>

  <!-- 以客户增长为核心的私域流量解决方案 -->
  <section class="full-container">
    <div class="container">
      <h3 class="section-title" style="margin-bottom: 0;">以客户增长为核心的私域流量解决方案</h3>
      <p class="section-subtitle">围绕潜在客户生命周期的360°旅程</p>
      <img data-original="./moban/img/user-increase.png" style="width: 100%;height: 400px;object-fit: contain;" alt="">
    </div>
  </section>

  <!-- 企微私域流量池 -->
  <section class="full-container">
    <div class="container">
      <h3 class="section-title">建立企业微信私域流量池</h3>
      <ul class="switch-list">
        <li class="switch-list-item active">
          <div class="d-flex switch-list-nav">
            <div class="switch-ln-no"><span>1</span></div>
            <div class="flex-1">
              <p class="switch-ln-title">存量老客户转移到企业微信</p>
              <p class="switch-ln-text">电商或零售行业，原有的会员或CRM系统，存储了大量客户信息。 其中最重要的是客户手机号，我们提供了高效的工具，能快速把手机号对应的个人微信， 引导到商家企业微信中进行统一管理。</p>
            </div>
          </div>
          <div class="switch-list-content">
            <img src="./moban/img/switch1-1.png" alt="">
          </div>
        </li>
        <li class="switch-list-item">
          <div class="d-flex switch-list-nav">
            <div class="switch-ln-no"><span>2</span></div>
            <div class="flex-1">
              <p class="switch-ln-title">潜在新增客户获取</p>
              <p class="switch-ln-text">来过线上商城、线下门店的潜在客户，不要让他们跑了。这次不买没有关系，先加个微信，后面有的是机会慢慢转化。</p>
            </div>
          </div>
          <div class="switch-list-content">
            <img src="./moban/img/switch1-2.png" alt="">
          </div>
        </li>
        <li class="switch-list-item">
          <div class="d-flex switch-list-nav">
            <div class="switch-ln-no"><span>3</span></div>
            <div class="flex-1">
              <p class="switch-ln-title">新成交客户加企业微信</p>
              <p class="switch-ln-text">无论是线上商城，还是线下门店，新成交的客户。需要抓住一切机会，通过企业微信加好友。恰当的节点，恰当的理由，是保证加好友成功的必要条件。</p>
            </div>
          </div>
          <div class="switch-list-content">
            <img src="./moban/img/switch1-3.png" alt="">
          </div>
        </li>
        <div class="switch-list-btns">
          <a href="register.html" class="switch-list-btn">立即体验</a>
          <a href="login.html" target="_blank" class="switch-list-btn">登录后台</a>
        </div>
      </ul>
    </div>
  </section>
  <!-- 精细化管理客户，保持社群活跃 -->
  <section class="full-container">
    <div class="container">
      <h3 class="section-title">精细化管理客户，保持社群活跃</h3>
      <ul class="switch-list right">
        <li class="switch-list-item active">
          <div class="d-flex switch-list-nav">
            <div class="switch-ln-no"><span>1</span></div>
            <div class="flex-1">
              <p class="switch-ln-title">企业微信群红包（拼手气&专包）</p>
              <p class="switch-ln-text">支持在企业微信群中发拼手气红包，活跃群气氛。并支持发放某成员专享红包，让完成任务的成员享受群荣耀，吸引更多群成员完成任务。</p>
            </div>
          </div>
          <div class="switch-list-content">
            <img src="./moban/img/switch2-1.png" alt="">
          </div>
        </li>
        <li class="switch-list-item">
          <div class="d-flex switch-list-nav">
            <div class="switch-ln-no"><span>2</span></div>
            <div class="flex-1">
              <p class="switch-ln-title">聊天内容监管、敏感行为提醒</p>
              <p class="switch-ln-text">主管可查看员工和客户的聊天内容，并可以设置规则，对敏感行为 进行记录，一旦发生敏感行为，主管可及时收到提醒。</p>
            </div>
          </div>
          <div class="switch-list-content">
            <img src="./moban/img/switch2-2.png" alt="">
          </div>
        </li>
        <li class="switch-list-item">
          <div class="d-flex switch-list-nav">
            <div class="switch-ln-no"><span>3</span></div>
            <div class="flex-1">
              <p class="switch-ln-title">自动打标签</p>
              <p class="switch-ln-text">根据渠道来源、流量行为（如流量次数、流量商品）、购买行为（如客单价、购买商品等）自动打上特定的标签。</p>
            </div>
          </div>
          <div class="switch-list-content">
            <img src="./moban/img/switch2-3.png" alt="">
          </div>
        </li>
        <div class="switch-list-btns">
          <a href="register.html" class="switch-list-btn">立即体验</a>
          <a href="login.html" target="_blank" class="switch-list-btn">登录后台</a>
        </div>
      </ul>
    </div>
  </section>
  <!-- 精准营销、客户裂变、成交转化 -->
  <section class="full-container">
    <div class="container">
      <h3 class="section-title">精准营销、客户裂变、成交转化</h3>
      <ul class="switch-list">
        <li class="switch-list-item active">
          <div class="d-flex switch-list-nav">
            <div class="switch-ln-no"><span>1</span></div>
            <div class="flex-1">
              <p class="switch-ln-title">10000人群发</p>
              <p class="switch-ln-text">支持对海量的客户以及客户群，推送消息、甚至小程序、优惠券等，并可追踪效果。</p>
            </div>
          </div>
          <div class="switch-list-content">
            <img src="./moban/img/switch3-1.png" alt="">
          </div>
        </li>
        <li class="switch-list-item">
          <div class="d-flex switch-list-nav">
            <div class="switch-ln-no"><span>2</span></div>
            <div class="flex-1">
              <p class="switch-ln-title">一客一码，邀请拿红包</p>
              <p class="switch-ln-text">为每个客户生成一张独一无二的企业微信二维码，通过该码邀请好友后，可追踪邀请数据，同时，可奖励邀请者一定的红包。</p>
            </div>
          </div>
          <div class="switch-list-content">
            <img src="./moban/img/switch3-2.png" alt="">
          </div>
        </li>
        <li class="switch-list-item">
          <div class="d-flex switch-list-nav">
            <div class="switch-ln-no"><span>3</span></div>
            <div class="flex-1">
              <p class="switch-ln-title">小程序成交</p>
              <p class="switch-ln-text">客户运营的理想结果，是客户能形成自发的口碑传播，或再次成交。{$webname}提供了和企业微信深度结合打通的微信小程序，方便引导客户成交。</p>
            </div>
          </div>
          <div class="switch-list-content">
            <img src="./moban/img/switch3-3.png" alt="">
          </div>
        </li>
        <div class="switch-list-btns">
          <a href="register.html" class="switch-list-btn">立即体验</a>
          <a href="login.html" target="_blank" class="switch-list-btn">登录后台</a>
        </div>
      </ul>
    </div>
  </section>
  <!-- 数据化运营私域流量 -->
  <section class="full-container">
    <div class="container">
      <h3 class="section-title">数据化运营私域流量</h3>
      <ul class="switch-list right">
        <li class="switch-list-item active">
          <div class="d-flex switch-list-nav">
            <div class="switch-ln-no"><span>1</span></div>
            <div class="flex-1">
              <p class="switch-ln-title">互动数据、聊天内容监管</p>
              <p class="switch-ln-text">可统计客户的聊天数据，记录客户的聊天内容。并对员工敏感行为进行记录和提醒。</p>
            </div>
          </div>
          <div class="switch-list-content">
            <img src="./moban/img/switch4-1.png" alt="">
          </div>
        </li>
        <li class="switch-list-item">
          <div class="d-flex switch-list-nav">
            <div class="switch-ln-no"><span>2</span></div>
            <div class="flex-1">
              <p class="switch-ln-title">浏览数据</p>
              <p class="switch-ln-text">可统计客户在小程序的浏览数据，包含浏览次数、浏览的商品。并及时通知对应员工，员工可及时跟进客户。</p>
            </div>
          </div>
          <div class="switch-list-content">
            <img src="./moban/img/switch4-2.png" alt="">
          </div>
        </li>
        <li class="switch-list-item">
          <div class="d-flex switch-list-nav">
            <div class="switch-ln-no"><span>3</span></div>
            <div class="flex-1">
              <p class="switch-ln-title">购买数据</p>
              <p class="switch-ln-text">可统计客户在小程序的购买数据，包含购买次数、最近购买时间、客单价、购买商品等。可结合互动数据、浏览数据，一起做数据分析。</p>
            </div>
          </div>
          <div class="switch-list-content">
            <img src="./moban/img/switch4-3.png" alt="">
          </div>
        </li>
        <div class="switch-list-btns">
          <a href="register.html" class="switch-list-btn">立即体验</a>
          <a href="login.html" target="_blank" class="switch-list-btn">登录后台</a>
        </div>
      </ul>
    </div>
  </section>

 

  <!-- 了解更多行业解决方案 -->
  <section class="full-container">
    <div class="container">
      <h3 class="section-title">了解更多行业解决方案</h3>
      <ul class="d-flex justify-sb project-list">
        <li class="project-item">
          <img class="project-bg" data-original="./moban/img/project-bg1.png" alt="">
          <p>新零售</p>
          <div class="flex-column justify-center align-items-center project-mask">
            <img data-original="{$lxkefu->url}" alt="">
            <p>新零售</p>
          </div>
        </li>
        <li class="project-item">
          <img class="project-bg" data-original="./moban/img/project-bg2.png" alt="">
          <p>教育培训</p>
          <div class="flex-column justify-center align-items-center project-mask">
            <img data-original="{$lxkefu->url}" alt="">
            <p>教育培训</p>
          </div>
        </li>
        <li class="project-item">
          <img class="project-bg" data-original="./moban/img/project-bg3.png" alt="">
          <p>品牌零售</p>
          <div class="flex-column justify-center align-items-center project-mask">
            <img data-original="{$lxkefu->url}" alt="">
            <p>品牌零售</p>
          </div>
        </li>
        <li class="project-item">
          <img class="project-bg" data-original="./moban/img/project-bg4.png" alt="">
          <p>餐饮连锁</p>
          <div class="flex-column justify-center align-items-center project-mask">
            <img data-original="{$lxkefu->url}" alt="">
            <p>餐饮连锁</p>
          </div>
        </li>
        <li class="project-item">
          <img class="project-bg" data-original="./moban/img/project-bg5.png" alt="">
          <p>企业服务</p>
          <div class="flex-column justify-center align-items-center project-mask">
            <img data-original="{$lxkefu->url}" alt="">
            <p>企业服务</p>
          </div>
        </li>
        <li class="project-item">
          <img class="project-bg" data-original="./moban/img/project-bg6.png" alt="">
          <p>工业贸易</p>
          <div class="flex-column justify-center align-items-center project-mask">
            <img data-original="{$lxkefu->url}" alt="">
            <p>工业贸易</p>
          </div>
        </li>
        <li class="project-item">
          <img class="project-bg" data-original="./moban/img/project-bg7.png" alt="">
          <p>金融保险</p>
          <div class="flex-column justify-center align-items-center project-mask">
            <img data-original="{$lxkefu->url}" alt="">
            <p>金融保险</p>
          </div>
        </li>
        <li class="project-item">
          <img class="project-bg" data-original="./moban/img/project-bg8.png" alt="">
          <p>旅游地产</p>
          <div class="flex-column justify-center align-items-center project-mask">
            <img data-original="{$lxkefu->url}" alt="">
            <p>旅游地产</p>
          </div>
        </li>
      </ul>
    </div>
  </section>

  <!-- 私域运营老司机，带你少走弯路 -->
  <section id="channelJoin" class="full-container jump-anchor">
    <div class="container">
      <h3 class="section-title" style="margin-bottom: 0;">私域运营老司机，带你少走弯路</h3>
      <p class="section-subtitle">大部分公司缺的不是对私域流量的重视，而是将其执行落地的办法</p>
      <ul class="d-flex justify-sb" style="margin-bottom: 30px;">
        <li class="shortcut-item">
          <img data-original="./moban/img/shortcut1.png" alt="">
          <p class="shortcut-title">梳理流量来源</p>
          <p class="shortcut-text">通过深度访谈，建立对客户业务模式的整体认知。</p>
        </li>
        <li class="shortcut-item">
          <img data-original="./moban/img/shortcut2.png" alt="">
          <p class="shortcut-title">勾勒引流路径</p>
          <p class="shortcut-text">根据客户情况，设计并落地适合的私域引流方案。</p>
        </li>
        <li class="shortcut-item">
          <img data-original="./moban/img/shortcut3.png" alt="">
          <p class="shortcut-title">形成自洽体系</p>
          <p class="shortcut-text">好的工具+好的思路+持续跟踪服务，助力客户将私域运营与业务相融。</p>
        </li>
      </ul>
    <div class="t-center apply_contaienr">
        <a href="javascript:;" class="btn applyLink">咨询方案</a>
        <img class="applyQrcode" src="{$lxkefu->url}">
      </div>
    </div>
  </section>

  <!-- 学习证书 -->
   <section id="agent" class="full-container jump-anchor">
    <div class="container">
      <h3 class="section-title">{$webname}团队-企业微信服务商学习证书</h3>
      <div class="cert-scroll">
        <ul>
          <li><img data-original="./moban/img/cert1.jpg" alt=""></li>
          <li><img data-original="./moban/img/cert2.jpg" alt=""></li>
          <li><img data-original="./moban/img/cert3.jpg" alt=""></li>
          <li><img data-original="./moban/img/cert4.jpg" alt=""></li>
          <li><img data-original="./moban/img/cert5.jpg" alt=""></li>
          <li><img data-original="./moban/img/cert6.jpg" alt=""></li>
        </ul>
      </div>
      <ul class="d-flex justify-sb">
        <li class="cert-intro-item">
          <img data-original="./moban/img/cert-intro1.png" alt="">
          <p>团队成员全部通过考试</p>
          <p>获得证书率100%</p>
          <p>专业认证 实力保障</p>
        </li>
        <li class="cert-intro-item">
          <img data-original="./moban/img/cert-intro2.png" alt="">
          <p>人人获得100分证书</p>
          <p>全流程专业服务保障</p>
          <p>售前、售后、运营、研发支撑无忧</p>
        </li>
        <li class="cert-intro-item">
          <img data-original="./moban/img/cert-intro3.png" alt="">
          <p>企业微信服务商</p>
          <p>成长计划全程9个关卡</p>
          <p>学习成本平均需要10小时</p>
        </li>
      </ul>
    </div>
  </section>
  
 <!-- 合作条件 -->
    <section class="">
     <div class="container" style="padding: 50px 0 0 0;">
        <h2 class="section-title" style="margin-bottom: 0;">合作条件</h2>
        <div class="container flex flex-main-sb t-center">
            <div class="flex1 condition">
                <img src="/moban/images/4/54.png" alt="">
                <h4>认可{$webname}文化</h4>
                <p>认同{$webname}产品价值和文化理念</p>
                <p>愿意跟{$webname}长期合作</p>
            </div>
            <div class="flex1 condition">
                <img src="/moban/images/4/51.png" alt="">
                <h4>具有公司资质</h4>
                <p>有合作营业执照和独立法人代表</p>
                <p>有良好商业信誉和口碑</p>
            </div>
            <div class="flex1 condition">
                <img src="/moban/images/4/52.png" alt="">
                <h4>具有行业背景</h4>
                <p>有互联网背景</p>
                <p>对小程序、公众号、企业微信有了解</p>
            </div>
            <div class="flex1 condition">
                <img src="/moban/images/4/53.png" alt="">
                <h4>具有客户资源</h4>
                <p>拥有当地丰富的企业及资源</p>
                <p>或其他资源</p>
            </div>
            <div class="flex1 condition">
                <img src="/moban/images/4/54.png" alt="">
                <h4>具有销售团队</h4>
                <p>有专属且成熟的销售团队</p>
                <p>负责人有团队管理经验</p>
            </div>
        </div>
    </section>
    <!-- 申请流程 -->
    <section style="background: #f8fbff;" class="section">
        <h2 class="section-title">{$webname}合作伙伴申请流程</h2>
        <div class="container flex flex-main-sb t-center apply-steps">
            <div class="flex1 apply-step">
                <img src="/moban/images/4/61.png" alt="">
                <p>提交申请</p>
            </div>
            <div class="flex1 apply-step">
                <img src="/moban/images/4/62.png" alt="">
                <p>审核资料</p>
            </div>
            <div class="flex1 apply-step">
                <img src="/moban/images/4/63.png" alt="">
                <p>洽谈合作</p>
            </div>
            <div class="flex1 apply-step">
                <img src="/moban/images/4/64.png" alt="">
                <p>签约合作</p>
            </div>
        </div>
  <div style="margin-top: 50px;" class="apply_contaienr">
            <!-- <a class="btn" href="http://wpa.qq.com/msgrd?v=3&amp;uin={$qq}&amp;site=qq&amp;menu=yes">立即申请</a> -->
            <a class="btn applyLink">立即申请</a>
            <img class="applyQrcode" src="{$lxkefu->url}">
        </div>
    </section>
    <!-- {$webname}优秀合作伙伴评价
    <section class="section">
        <h2 class="section-title">{$webname}优秀合作伙伴评价</h2>
        <div class="container flex">
            <div class="flex1 commend">
                <img src="/moban/images/4/img_cooperation1.png" />
                <p class="commend-name">河南代理商沈总</p>
                <p class="commend-text">“这几年，二三线城市的教育机构非常多，当身边朋友都在扎堆代理母婴、建材产品，我反倒觉得代理教育产品更能赚到钱。到现在，家乡的教育机构基本都用上{$webname}。”</p>
            </div>
            <div class="flex1 commend">
                <img src="/moban/images/4/img_cooperation2.png" />
                <p class="commend-name">北京代理商何总</p>
                <p class="commend-text">“从{$webname}客户发展成为{$webname}代理商，我已经是它的铁粉了。{$webname}好用，帮助机构降低技术人员的成本，行业口碑也好，所以创业的时候，我义无反顾把{$webname}代理上了。”</p>
            </div>
            <div class="flex1 commend">
                <img src="/moban/images/4/img_cooperation3.png" />
                <p class="commend-name">广州代理商韩总</p>
                <p class="commend-text">“今年2月开始合作，在渠道的大力帮扶下，首月业绩高达10多万。我相信{$webname}一定会为教育行业创造巨大的价值，加油，我看好{$webname}。”</p>
            </div>
        </div>
    </section>
		 -->

  <!-- 右侧客服 -->
  <aside class="float-contact">
    <ul>
      <li class="float-item">
        <img src="./moban/img/float-phone.png" alt="">
        <p>电话咨询</p>
        <div class="float-content">电话咨询：{$phone}</div>
      </li>
      <li class="float-item">
        <img src="./moban/img/float-contact.png" alt="">
        <p>联系客服</p>
        <div class="d-flex align-items-center float-content" id="ContactPage">
          <img src="{$lxkefu->url}" alt="">
          <div style="display: inline-block;vertical-align: middle;">
            <p style="font-size: 18px;color: #333;">您好,我是您的专属客服</p>
            <p style="color: #888;text-align: left;">有问题欢迎随时联系！</p>
          </div>
        </div>
      </li>
      <li class="float-item">
        <a href="/register.html" target="_blank">
          <img src="./moban/img/float-demo.png" alt="">
          <p>免费试用</p>
        </a>
      </li>
    </ul>
  </aside>


            <!--- main end  -->

            <!--- footer beign-->
            <div class="footer">
                <div class="footer-center">
                    <div class="f-left">
                        <img src="/moban/images/user.png" />
                        <div class="phone-text">售前咨询热线</div>
                        <div class="phone-number">{$phone}</div>
                    </div>
                    <div class="f-center">
                        <div class="item">
                            <div class="item-name">产品与服务</div>
                            <ul>
                                <li><a style="color:white;" href="#qwAdvantage">企微优势</a></li>
                                <li><a style="color:white;" href="#specialAdvantage">解决方案</a></li>
                                <li><a style="color:white;" href="#operationChallenge">运营挑战</a></li>
                            </ul>
                        </div>
                        <div class="item">
                            <div class="item-name">开发与合作</div>
                            <ul>
                                <li><a style="color:white;" href="register.html">免费体验</a></li>
                                <li><a style="color:white;" href="login.html">登录后台</a></li>
                                <li><a style="color:white;" href="#agent">渠道合作</a></li>
                            </ul>
                        </div>
                        <div class="item">
                            <div class="item-name">特色优势</div>
                            <ul>
                              <li><a style="color:white;" href="#funcsIntro">功能简介</a></li>
                                <li><a style="color:white;" href="#specialAdvantage">解决方案</a></li>
                               
								 <li><a style="color:white;" href="#agent">学习证书</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="f-right">
                        <img src="{$qr_code}" />
                        <span>扫一扫关注我们</span>
                    </div>
                </div>
            <div class="copyright">
               Copyright 2016-2020 {$webname} All Rights Reserved {$company_name}
                 版权所有
			<p>
			<li><a style="color:#555;" href="https://beian.miit.gov.cn">客服热线：{$phone}  {$record_number}</a></li>
         
        </div>
            <!--- footer end-->
        </div>
        <!-- 注册弹窗部分 -->
        <div class="publicPop_container" id="RegisterPopPage" style="display: none;">
          <div class="publicPop_content">
            <svg class="closepublicPop" t="1614329734901" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2344" width="30" height="30"><path d="M604.672 523.776l364.544-364.544c25.088-25.088 25.088-66.048 0-90.624l-2.048-2.048c-12.288-12.288-28.16-18.944-45.568-18.944s-33.28 6.656-45.568 18.944L512 431.616 147.456 66.56c-12.288-12.288-28.16-18.944-45.568-18.944-17.408 0-33.28 6.656-45.568 18.944l-2.048 2.048c-12.288 12.288-19.456 28.16-19.456 45.568s6.656 33.28 18.944 45.568l364.544 364.544L53.76 888.832c-25.088 25.088-25.088 66.048 0 90.624l2.048 2.048c12.288 12.288 28.16 18.944 45.568 18.944 17.408 0 33.28-6.656 45.568-18.944L511.488 616.96l364.544 364.544c12.288 12.288 28.16 18.944 45.568 18.944s33.28-6.656 45.568-18.944l2.048-2.048c12.288-12.288 18.944-28.16 18.944-45.568 0-17.408-6.656-33.28-18.944-45.568L604.672 523.776z" p-id="2345" fill="#bbbbbb"></path></svg>
            <!-- 公共头部区域 -->
            <div class="publicPop_header_container">
              <div class="publicPop_headerBg_container"></div>
              <h2>请问您是否已注册企业微信？</h2>
              <img src="http://weidogstest.oss-cn-beijing.aliyuncs.com/cc434faeb2191e65e20e3d1bdadc03d8.png">
            </div>
            <!-- 选择注册区域 -->
            <div class="publicPop_selectRegister_container" id="SelectRegisterPage" >
              <div class="publicPop_selectRegister_button" id="Register" onclick='window.open("./register.html","_blank")'>
                <svg t="1614309459702" class="icon" viewBox="0 0 1228 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2187" width="18" height="18"><path d="M798.5152 795.4432a16.384 16.384 0 0 0 2.048 24.9856 210.1248 210.1248 0 0 1 64.7168 126.1568 68.4032 68.4032 0 1 0 73.1136-86.016 209.92 209.92 0 0 1-116.736-65.1264 16.384 16.384 0 0 0-23.1424 0z" fill="#FB6500" p-id="2188"></path><path d="M1076.224 687.104a68.1984 68.1984 0 0 0-19.6608 41.1648 209.92 209.92 0 0 1-64.9216 116.9408 16.384 16.384 0 1 0 24.9856 20.8896 209.92 209.92 0 0 1 126.1568-64.7168 68.4032 68.4032 0 1 0-66.3552-114.2784z" fill="#0082EF" p-id="2189"></path><path d="M883.5072 494.1824a68.4032 68.4032 0 0 0 41.1648 116.3264 209.92 209.92 0 0 1 116.9408 64.9216 16.384 16.384 0 1 0 20.8896-24.9856 210.1248 210.1248 0 0 1-64.7168-126.1568 68.4032 68.4032 0 0 0-114.2784-30.1056z" fill="#2DBC00" p-id="2190"></path><path d="M849.92 601.088l-1.2288 1.2288a209.7152 209.7152 0 0 1-128 66.9696 67.9936 67.9936 0 0 0-30.3104 114.2784 68.4032 68.4032 0 0 0 116.3264-41.1648 210.1248 210.1248 0 0 1 65.1264-116.9408 16.384 16.384 0 0 0-21.9136-24.3712z" fill="#FFCC00" p-id="2191"></path><path d="M436.6336 10.6496C313.9584 24.1664 202.752 76.5952 122.88 158.5152 91.136 190.8736 65.3312 227.328 46.2848 266.24a375.1936 375.1936 0 0 0 26.4192 378.88c21.7088 32.768 57.344 73.728 89.9072 102.8096l-14.7456 115.9168-1.6384 4.9152c-0.4096 1.4336-0.4096 3.072-0.6144 4.5056l-0.4096 3.6864 0.4096 3.6864a37.2736 37.2736 0 0 0 56.1152 28.8768h0.6144l2.2528-1.6384 35.2256-17.6128 105.0624-52.8384a542.3104 542.3104 0 0 0 153.6 21.0944 550.912 550.912 0 0 0 188.416-32.768 68.1984 68.1984 0 0 1-46.4896-71.4752 462.6432 462.6432 0 0 1-193.7408 19.2512L436.224 772.096a468.3776 468.3776 0 0 1-69.632-14.5408 47.5136 47.5136 0 0 0-37.2736 3.8912l-2.8672 1.4336-86.4256 50.7904-3.6864 2.2528c-2.048 1.2288-3.072 1.6384-4.096 1.6384a5.9392 5.9392 0 0 1-5.5296-6.144l3.2768-13.312 3.8912-14.5408 6.144-23.9616 7.168-26.624a36.2496 36.2496 0 0 0-13.1072-40.3456 377.856 377.856 0 0 1-87.2448-90.9312A295.5264 295.5264 0 0 1 125.5424 303.104c15.5648-31.1296 36.0448-60.0064 61.44-86.016 65.536-67.584 157.696-110.592 259.6864-121.6512a483.7376 483.7376 0 0 1 106.0864 0c101.376 11.6736 193.1264 55.296 258.2528 122.4704 25.1904 26.0096 45.6704 55.296 60.8256 86.4256 20.2752 41.3696 30.5152 85.1968 30.5152 130.048 0 4.7104-0.4096 9.4208-0.6144 13.9264a68.1984 68.1984 0 0 1 83.968 9.8304l3.072 3.6864a373.1456 373.1456 0 0 0-37.2736-194.1504 418.2016 418.2016 0 0 0-75.776-107.7248A514.048 514.048 0 0 0 563.2 11.0592a576.1024 576.1024 0 0 0-126.5664-0.4096z" fill="#0082EF" p-id="2192"></path></svg>
                <span>已注册企业微信</span>
              </div>
              <div class="publicPop_selectRegister_button" id="UnregisteredButton">
                <svg t="1614309470918" class="icon" viewBox="0 0 1228 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2332" width="18" height="18"><path d="M798.5152 795.4432a16.384 16.384 0 0 0 2.048 24.9856 210.1248 210.1248 0 0 1 64.7168 126.1568 68.4032 68.4032 0 1 0 73.1136-86.016 209.92 209.92 0 0 1-116.736-65.1264 16.384 16.384 0 0 0-23.1424 0z" fill="#8a8a8a" p-id="2333"></path><path d="M1076.224 687.104a68.1984 68.1984 0 0 0-19.6608 41.1648 209.92 209.92 0 0 1-64.9216 116.9408 16.384 16.384 0 1 0 24.9856 20.8896 209.92 209.92 0 0 1 126.1568-64.7168 68.4032 68.4032 0 1 0-66.3552-114.2784z" fill="#8a8a8a" p-id="2334"></path><path d="M883.5072 494.1824a68.4032 68.4032 0 0 0 41.1648 116.3264 209.92 209.92 0 0 1 116.9408 64.9216 16.384 16.384 0 1 0 20.8896-24.9856 210.1248 210.1248 0 0 1-64.7168-126.1568 68.4032 68.4032 0 0 0-114.2784-30.1056z" fill="#8a8a8a" p-id="2335"></path><path d="M849.92 601.088l-1.2288 1.2288a209.7152 209.7152 0 0 1-128 66.9696 67.9936 67.9936 0 0 0-30.3104 114.2784 68.4032 68.4032 0 0 0 116.3264-41.1648 210.1248 210.1248 0 0 1 65.1264-116.9408 16.384 16.384 0 0 0-21.9136-24.3712z" fill="#8a8a8a" p-id="2336"></path><path d="M436.6336 10.6496C313.9584 24.1664 202.752 76.5952 122.88 158.5152 91.136 190.8736 65.3312 227.328 46.2848 266.24a375.1936 375.1936 0 0 0 26.4192 378.88c21.7088 32.768 57.344 73.728 89.9072 102.8096l-14.7456 115.9168-1.6384 4.9152c-0.4096 1.4336-0.4096 3.072-0.6144 4.5056l-0.4096 3.6864 0.4096 3.6864a37.2736 37.2736 0 0 0 56.1152 28.8768h0.6144l2.2528-1.6384 35.2256-17.6128 105.0624-52.8384a542.3104 542.3104 0 0 0 153.6 21.0944 550.912 550.912 0 0 0 188.416-32.768 68.1984 68.1984 0 0 1-46.4896-71.4752 462.6432 462.6432 0 0 1-193.7408 19.2512L436.224 772.096a468.3776 468.3776 0 0 1-69.632-14.5408 47.5136 47.5136 0 0 0-37.2736 3.8912l-2.8672 1.4336-86.4256 50.7904-3.6864 2.2528c-2.048 1.2288-3.072 1.6384-4.096 1.6384a5.9392 5.9392 0 0 1-5.5296-6.144l3.2768-13.312 3.8912-14.5408 6.144-23.9616 7.168-26.624a36.2496 36.2496 0 0 0-13.1072-40.3456 377.856 377.856 0 0 1-87.2448-90.9312A295.5264 295.5264 0 0 1 125.5424 303.104c15.5648-31.1296 36.0448-60.0064 61.44-86.016 65.536-67.584 157.696-110.592 259.6864-121.6512a483.7376 483.7376 0 0 1 106.0864 0c101.376 11.6736 193.1264 55.296 258.2528 122.4704 25.1904 26.0096 45.6704 55.296 60.8256 86.4256 20.2752 41.3696 30.5152 85.1968 30.5152 130.048 0 4.7104-0.4096 9.4208-0.6144 13.9264a68.1984 68.1984 0 0 1 83.968 9.8304l3.072 3.6864a373.1456 373.1456 0 0 0-37.2736-194.1504 418.2016 418.2016 0 0 0-75.776-107.7248A514.048 514.048 0 0 0 563.2 11.0592a576.1024 576.1024 0 0 0-126.5664-0.4096z" fill="#8a8a8a" p-id="2337"></path></svg>
                <span>未注册企业微信</span>
              </div>
              <p onclick="showContactPageFun()">咨询客服</p>
            </div>
            <!-- 点击未注册后的区域 -->
            <div class="publicPop_unregistered_container" id="UnregisteredPage" style="display: none;">
              <p>点击【继续】后将为你打开新网页注册企业微信，请在完成注册后回到本页面进行后续操作</p>
              <button id="ContinueButton">继续</button>
            </div>
            <!-- 点击继续后的区域 -->
            <div class="publicPop_unregistered_container" id="UnregisteredContinuePage" style="display: none;">
              <p>点击【继续】后将为你打开新网页注册企业微信，请在完成注册后回到本页面进行后续操作</p>
              <button onclick='window.open("./login.html","_blank")'>我已完成注册</button>
              <div class="publicPop_unregisteredOther_container">
                <!--<span onclick="showContactPageFun()">联系客服</span>-->
                <!--<span id="registerAgainButton">重新注册</span>-->
              </div>
            </div>
          </div>
        </div>
        <!-- 注册弹窗部分 -->
        <script>
          $('#UnregisteredButton').click(function(){
            $('#SelectRegisterPage').hide();
            $('#UnregisteredPage').show();
          })
          $('#ContinueButton').click(function(){
            window.open("{$RegisterUrl}","_blank");
            $('#UnregisteredPage').hide();
            $('#UnregisteredContinuePage').show();
          })
          $('#registerAgainButton').click(function(){
            window.open("https://open.work.weixin.qq.com","_blank");
          })
          $('.closepublicPop').click(function(){
            $('#RegisterPopPage').hide();
            $('#UnregisteredPage').hide();
            $('#UnregisteredContinuePage').hide();
            $('#SelectRegisterPage').show();
            $('#ContactPage').removeAttr("style");
          })
          function showContactPageFun(){
            $('#ContactPage').show();
          }
          function showRegisterPopPageFun(){
            $('#RegisterPopPage').show();
          }
          
        </script>
    </body>
</html>
<script src="/moban/js/swiper.min.js"></script>
<script src="/moban/js/menu.js"></script>
<script src="/cdn/jquery.3.4.1.js"></script>
 <script src="./moban/js/jquery.min.js"></script>
  <script src="./moban/js/scroll.js"></script>
  <script src="./moban/js/jquery.lazyload.min.js"></script>
  <script>
    // 图片懒加载
    $(function() {
      $("img").lazyload({ effect: "fadeIn", threshold :500});
    });

    $('.play-methods-content').on('mouseover', 'li', function() {
      $('.play-methods-content > li').removeClass('active')
      $(this).addClass('active')
    })

    $('.switch-list').on('mouseover', '.switch-list-item', function() {
      $(this).parent().find('.switch-list-item').removeClass('active')
      $(this).addClass('active')
    })

    // 证书自滚动
    $('.cert-scroll').scroll({
      speed: 80, //数值越大，速度越快
      direction: 'horizantal'
    })
    $(function(){
      $('.menu').bind('mouseover',function(){
        $('.mask').css('display','block');
      })
      $('.menu').bind('mouseout',function(){
        $('.mask').css('display','none');
      })
      $('.m-ban-lnk').bind('mouseover',function(){
        $('.m-ban-lnk').css('background-color','white');
        $('.m-ban-lnk').css('color','black');
      })
      $('.m-ban-lnk').bind('mouseout',function(){
        $('.m-ban-lnk').css('background-color','transparent');
        $('.m-ban-lnk').css('color','white');
      })
    })
    // 顶部跳转
    $(function() {
      // 页面滚动时导航定位 -->
      var $navs = $('.header-main .menu li'), // 导航
          $sections = $('.jump-anchor'), // 模块
          $window = $(window),
          navLength = $navs.length - 1;
      
      $window.on('scroll', function () {
          var scrollTop = $window.scrollTop(),
              len = navLength;
              if(scrollTop > 1){
                $('.mask').show();
                $('.menu').bind('mouseout',function(){
                  $('.mask').css('display','block');
                })
              }else{
                $('.mask').hide();
              }
          // 引起报错代码不知道干啥的 暂时注释
          // for (; len > -1; len--) {
          //     var that = $sections.eq(len);
          //     if (scrollTop + 60 >= that.offset().top) {
          //         $navs.removeClass('active').eq(len).addClass('active');
          //         break;
          //     }
          // }
      });
      // 点击导航定位页面
      $navs.find('a').on('click', function (e) {
        // e.preventDefault();
        $('html, body').animate({
          'scrollTop': $($(this).attr('href')).offset().top - 60
        }, 300);
      })
      
    })
  </script>
  <!-- // 引起报错代码不知道干啥的 暂时注释 -->
<!-- <script>
    (function() {
        
        var $navWrap = $('.s2-nav-wrap'),
            $navs = $('.s2-nav-wrap a'), 
            $sections = $('.s2-item'), 
            $window = $(window),
            navLength = $navs.length - 1;
        var navBarTop = $navWrap.offset().top    
        
        $window.on('scroll', function () {
            var scrollTop = $window.scrollTop(),
                len = navLength;
            for (; len > -1; len--) {
                var that = $sections.eq(len);
                if (scrollTop + 60 >= that.offset().top) {
                    $navs.removeClass('active').eq(len).addClass('active');
                    break;
                }
            }
            
            if (scrollTop >= navBarTop) {
                $navWrap.addClass('fixed')
            } else {
                $navWrap.removeClass('fixed')
            }
        });
        
        $navs.on('click', function (e) {
            e.preventDefault();
            $('html, body').animate({
                'scrollTop': $($(this).attr('href')).offset().top - 60
            }, 300);
        });
    })()
</script> -->
<script>
    var swiper = new Swiper(".banner-swiper", {
        pagination: {
            el: ".swiper-pagination"
        },
		autoplay:true,//等同于以下设置
    });
    console.log(swiper);
	
</script>
